import { Button, Input, NavBar } from 'antd-mobile'
import React, { useState } from 'react'
import { useSelector } from 'react-redux'
import { useNavigate } from 'react-router-dom'

function Index() {
    const {start,end,data}=useSelector((state)=>state.home)
    // console.log(start,end,data);
    const list=useSelector((state)=>state.di.di)
    console.log(list);
    const naviagte=useNavigate()
    

        
    
  return (
    <div>
      <NavBar backIcon={false}  back={<span onClick={()=>naviagte('/sou')}>{list}</span>}>首页</NavBar>
      <div style={{display:'flex'}}>
        <Input value={start}></Input>
        <Button>转换</Button>
        <Input value={end}></Input>
      </div>
      <Input value={data}></Input>
      <Button onClick={()=>naviagte('/list')}>查看</Button>
    </div>
  )
}

export default Index
